import {
  BoostnoteIconProps,
  BoostnoteIconStyledContainer
} from '../../lib/icons'
import React from 'react'

export const IconEye = (props: BoostnoteIconProps) => (
  <BoostnoteIconStyledContainer>
    <svg
      width='1em'
      height='1em'
      viewBox='0 0 48 33'
      {...props}
      style={
        props.size != null
          ? { ...props.style, width: props.size, height: props.size }
          : props.style
      }
    >
      <path
        d='M.253 15.403h.001v-.001l-.001.001.011-.024.056-.105C5.199 5.851 14.264 0 24 0c9.62 0 18.586 5.712 23.504 14.938l.176.336c.039.07.074.14.106.213l.016.039c.018.04.034.081.049.123l.01.032a2.042 2.042 0 01.08.277l.01.046a2.71 2.71 0 01.025.15l.005.04.006.047a2.5 2.5 0 01-.006.564l-.005.04a2.486 2.486 0 01-.026.15l-.01.047a2.583 2.583 0 01-.042.164l-.017.057-.02.057-.01.03c-.015.043-.031.084-.049.125l-.017.037a1.833 1.833 0 01-.057.123l-.007.012C42.853 27.117 33.764 33 24 33 14.237 33 5.148 27.117.279 17.647l-.007-.012-.058-.122.065.134a2.55 2.55 0 01-.13-.296l-.01-.032a2.042 2.042 0 01-.08-.277l-.01-.046a2.71 2.71 0 01-.025-.15l-.005-.04a2.51 2.51 0 01-.017-.21L0 16.557 0 16.481a2.02 2.02 0 01.013-.24l.006-.046.005-.04a2.486 2.486 0 01.026-.15l.01-.047a2.583 2.583 0 01.042-.164l.017-.057.02-.057.01-.03c.015-.043.031-.084.049-.125l.039-.086.016-.036zM24 5.046c-7.451 0-14.463 4.357-18.572 11.454C9.538 23.598 16.55 27.954 24 27.954c7.452 0 14.462-4.356 18.571-11.453C38.463 9.403 31.452 5.046 24 5.046zm0 3.142c4.616 0 8.37 3.728 8.37 8.311 0 4.585-3.754 8.313-8.37 8.313-4.615 0-8.37-3.728-8.37-8.313 0-4.583 3.755-8.311 8.37-8.311zm0 4.736c-1.985 0-3.602 1.604-3.602 3.575 0 1.973 1.617 3.577 3.602 3.577 1.986 0 3.602-1.604 3.602-3.577 0-1.971-1.616-3.575-3.602-3.575z'
        fill='currentColor'
        fillRule='nonzero'
      />
    </svg>
  </BoostnoteIconStyledContainer>
)
